<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
</head>

<body>
    <script type="text/javascript">
        //作用域：全局作用域、局部作用域；统称为 词法作用域
        //全局作用域中的变量，叫做全局变量，整个环境都可以使用
        //局部作用域中的变量,叫做局部变量,只能在局部作用域中使用
        //局部作用域可以使用全局作用域的变量(函数内部可以使用函数)

        // 例子1 函数内部可以使用函数外部的变量
        // var num = 100;
        // function f1() {
        //     console.log(num);
        // }
        // f1();

        // 例子2 函数外部不能使用函数内部的变量
        // function f2() {
        //     num = 100;
        // }
        // f2();
        // console.log(num);//报错

        // 例子3 函数中定义变量 没有使用var，相当于函数外部声明了全局变量，在函数内部进行的赋值
        //注意：声明变量，使用var和不使用var 的区别
        // var num;

        function f3() {
            num = 100;
        }
        f3();
        console.log(num);
    </script>
</body>

</html>